<template>
  <div id="history">
    <van-row class="history-item" v-for="item in historyList" :key="item.num">
      <van-col span="1">
        <span class="circle">{{ item.num }}</span>
      </van-col>
      <van-col span="18">
        <span class="circle">{{ item.content }}</span>
      </van-col>
      <van-col span="5">
        <button class="edit" @click="iNeedChange(item.num)">我要修改</button>
      </van-col>
    </van-row>
  </div>
</template>

<script>
import { mapGetters } from "vuex";
export default {
  name: "History",
  data() {
    return {};
  },
  methods: {
    iNeedChange(num) {
      console.log(num);
    },
  },
  computed: {
    ...mapGetters(["historyList"]),
  },
  watch: {},
  created() {},
  mounted() {},
};
</script>

<style scoped>
#history {
  background: url("../../../../assets/maxbg.8a8a0d46.png") no-repeat center;
}
#history .history-item {
  padding: 5px 0;
  line-height: 25px;
}
#history .history-item .edit {
  border-radius: 15px;
  border: none;
  color: #fff;
  background-color: #09baa7;
  font-size: 10px;
}
</style>